.home {
    background-color: #081226;
    width: 100vw;
    height: 100vh;

    .Home-header {
        width: 100%;
        height: 80px;
        padding: 0 30px;
        display: flex;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #03c4f7;

        h2 {
            color: white;
            display: inline-block;
            line-height: 80px;
        }

        .Home-header-right {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: -10px;
            top: 40px;

            .HeaderItem {
                width: 100px;
                height: 40px;
                border: 1px solid #03c4f7;
                transform: skewX(-20deg);
                text-align: center;
                line-height: 40px;
                color: white;

                &.selected {
                    color: #e99d42;
                }
            }
        }
    }

    .Home-content {
        width: 100%;
        height: calc(100vh - 80px);
        padding: 10px;
    }
}